<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<button onclick="openWin()">打开窗口</button>
<button onclick="closeWin()">关闭窗口</button>

<!-- 在这里写JavaScript代码，因为JavaScript是由上到下执行的 -->
<script>
    console.log(location);          //输出location对象
    console.log(location.href);     //输出当前地址的全路径地址
    console.log(location.origin);   //输出当前地址的来源
    console.log(location.protocol); //输出当前地址的协议
    console.log(location.hostname); //输出当前地址的主机名
    console.log(location.host);     //输出当前地址的主机
    console.log(location.port);     //输出当前地址的端口号
    console.log(location.pathname); //输出当前地址的路径部分
    console.log(location.search);   //输出当前地址的?后边的参数部分


    //步骤一：创建异步对象
    var ajax = new XMLHttpRequest();
    //步骤二：设置请求的类型及url，注意：post请求一定要添加请求头才行不然会报错
    ajax.open("post", "users.json");
    ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    //步骤三：发送请求
    ajax.send();
    //步骤四：注册事件 onreadystatechange 状态改变就会调用
    ajax.onreadystatechange = function () {

        //步骤五：如果能够进到这个判断，说明数据完美的回来了，并且请求的页面是存在的
        if (ajax.readyState == 4 && ajax.status == 200) {

            console.log(ajax.responseText);//输入响应的内容
        }
    };















</script>
</body>
</html>